<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<!-- TopJUI框架样式 -->
<link type="text/css" href="../../topjui/themes/default/topjui.core.min.css" rel="stylesheet">
<link type="text/css" href="../../topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme" />
<!-- FontAwesome字体图标 -->
<link type="text/css" href="../../statics/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!-- layui框架样式 -->
<link type="text/css" href="../../statics/plugins/layui/css/layui.css" rel="stylesheet" />
<!-- jQuery相关引用 -->
<script type="text/javascript" src="../../statics/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../statics/plugins/jquery/jquery.cookie.js"></script>
<!-- TopJUI框架配置 -->
<script type="text/javascript" src="../../statics/public/js/topjui.config.js"></script>
<!-- TopJUI框架核心-->
<script type="text/javascript" src="../../topjui/js/topjui.core.min1.js"></script>
<!-- TopJUI中文支持 -->
<script type="text/javascript" src="../../topjui/js/locale/topjui.lang.zh_CN.js"></script>
<!-- layui框架js -->
<script type="text/javascript" src="../../statics/plugins/layui/layui.js" charset="utf-8"></script>

<script type="text/javascript" src="../../statics/plugins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="../../statics/plugins/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../statics/plugins/ueditor/lang/zh-cn/zh-cn.js"></script>

</head>
<body>
	<br>
	<br>
<div id="mainDiv">	
</div>
        <div class="topjui-row">
            <div class="topjui-col-sm10">
<!--                 <label class="topjui-form-label">测试：</label> -->
                <div class="topjui-input-block">

    <!-- 加载编辑器的容器 ,用一个隐含域就可以取到相应的值-->
    <!-- 
    <script id="container" name="content" type="text/plain" style="height: 300px">
        这里写你的初始化内容
    </script>
     -->
    <!-- 实例化编辑器 -->
    <!-- 
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
	 -->

 				</div>
            </div>
        </div>

<script type="text/javascript">
$(function(){ 
	//alert("加载完毕"); 
	$.get('/proptype/getProptypeInWx',function(result)
	{
   		debugger;
   		var iHtml='';
		var jsondata = JSON.parse(result);
		if(jsondata){
			$(jsondata).each(function(i, obj){
		    	var n = obj.proptypename;
		    	var c='topjui-btn-blue';
		    	if(i%3==0){c='topjui-btn-blue';}
		    	if(i%3==1){c='topjui-btn-red';}
		    	if(i%3==2){c='topjui-btn-green';}
		    	
		    	iHtml+='<div class="topjui-row"><div class="topjui-col-sm8" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
		    	//iHtml+="<div class='topjui-row'><div class='topjui-col-sm2' style='background-color: "+c+";'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
		    	iHtml+='<a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options="btnCls:\''+c+'\',width:\'200px\'">'+n+'</a>';	
		    	iHtml+='</div></div><br>';	
		    	//alert(c);
		    	$('#mainDiv').html(iHtml);
   			});
		}
	});

});
</script>
</body>
</html>